body {
width:99%;
margin-top: -20px;
margin: 0 auto;
padding: 0;
border: 0;
}



/* ----- HEADER ----- */

#titleBar {
height:49px;
position: relative;
background: url(../images/background/top_list_bg.png) 0 0 repeat-x;
vertical-align: middle;
}
#leftBar{
position: absolute; 
top: 0; 
float:left;
width:200px;
height:49px;
}

#leftBar img {
margin-top:3px;
margin-left:3px;
border: 0;
}

#rightBar{
top:0;
float:right;
width:160px;
height:49px;
vertical-align: middle;
}

#titleBar h1 {
font-weight: bold;
vertical-align:middle;
margin-left:60px;
color: #fff;
font-size: 17px;
}

#statusBar, #settingsBar{
position:absolute;
top:0;
float:left;
width: 44px;
height: 49px;
}

#settingsBar{
right:0;
left:auto;
width: 110px;
height: 49px;
}

#settingsBar table {
margin-top: 10px;
margin-left: 3px;
margin-right: auto;
height: 27px;
vertical-align: middle;
}

#settingsBar td {
width: 35px;
height: 27px;
}

#tableButtons td:hover{
margin-top: 10px;
margin-left: 10px;
background: url(../images/icon/select_icon_bg.png) 0 0 no-repeat;
}


#statusBar img{
margin-left: 0;
margin-top: 14px;
}

#verticalSep {
margin-left:auto;
margin-right:110px;
width: 6px;
}

#gpsStatus {
float:left;
width: 22px;
visibility:hidden;
}

#reloadStatus {
width: 22px;
float:right;
visibility:hidden;
}



/*-- Main ID View--*/

.infoBlock{
/*width:335px;*/
/*height:85px;*/
background:url(../images/background/bg_blue_list.png);
margin-left:5px;
margin-right:5px;
margin-top:3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
position: relative;
}

#myInfoBlock{
/*width:340px;*/
width:99%;
/*height:85px;*/
overflow:auto;
margin-left:10px;
margin-right:auto;
margin-top:3px;
position: relative;
background: url(../images/background/bg_white_MY_info_340x85.png);
}

.photoArea, .moreInfoArea{
position: absolute; 
top: 0; 
left: 0; 
width:60px;
height:85px;
}

.photoArea img{
margin-top: 5px;
margin-left: 3px;
}

.texArea { 
margin-left: 60px; 
margin-top:0px; 
width:235px;
/*height:85px;*/ 
}

.moreInfoArea {
left: auto;
right: 0; 
width:40px;
height:85px;
}

.verticalLine {
margin-right: 6px; 
background: url(../images/background/bg_MY_moreInfo.png);
}

.distanceInfo { 
height:40px; 
font-family: Verdana;
font-weight: bold;
font-size: 10px;
text-align: right;
color: #6F6F6F;
display: inline-block;
width:80px;
margin-left:-45px;
}

.mapInfo {
height:40px;
}

#mapInfoImg{
width: 40px;
height: 40px; 
}

.mapInfo img{
margin-left: 0px;
margin-top: 0px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
}

#relInfo {
width: 40px;
height: 40px; 
}  

#relInfo img{
margin-left: 5px;
margin-top: 5px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
}

#sendInfo {
width: 40px;
height: 40px; 
}  

#sendInfo img{
margin-left: 5px;
margin-top: 3px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
}

.vertSeparator{
left: 0;
right: auto; 
width:1px;
height:85px;
background: url("../images/background/verticalLine_MY.png") 50% 0 no-repeat; 
}


/*-- END List View--*/

.separator{
margin: 3px;
padding: 0;
height: 2px;
background: url("../images/background/separe_line.png") 50% 0 no-repeat; 
}

#scrollArea{
/*width: 360px;*/
width:100%;
}

#menuBlock{
top: 0;
margin-left: 6px;
margin-right: 6px;
width: 348px;
height: 40px;
background: url("../images/window_listView_s_r.png") 0 0 no-repeat; 
}

#menuBlock table {
margin-top: 2px;
margin-left: 8px;
margin-right: auto;
height: 35px;
}

#menuBlock td {
width: 174px; /*width tab*/
}

#viewButtons td:hover{
margin-top: 2px;
margin-left: 8px;
background: url(../images/button/view_buttonSelect.png) 0 0 no-repeat;
}

#listInfoView{
margin-left: 6px;
margin-right: 6px;
-moz-border-radius: 10px;
-webkit-border-radius: 5px;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:0;
border: 1px solid;
border-color: rgb(174,185,195);
/*width: 346px;*/
}

#mapView{
margin-left: 7px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid;
border-color: rgb(174,185,195);
}

/*-- Info IDs--*/

.tableIDinfo{
width: 235px;
height: 85px;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
}

table.tableIDinfo td{
border-width:0px;
padding: 0px;
}

.IDname { 
top:3px;
font-family: Verdana;
font-weight: bold;
font-size: 14px;
text-align: left;
color: #496087;
height:20px;
width: 235px;
}

.separatorID {
width: 235px;
height: 2px;
background: url(../images/background/horizontalLine_MY.png) 0 0 no-repeat;
}

.iconID  {
margin-left: 0px;
margin-right: auto;
width: 15px;
height: 20px;

}

.infoID {
margin-left: 15px;
width: 220px;
height: 20px;
font-family: Verdana;
font-weight: normal;
font-size: 10px;
color: #374358;
}

/** NEW MENU**/

#menuListView{
position: relative;
margin-top:0;
margin-left: 6px;
margin-right: 6px;
max-width:300px;
min-width:280px;
width:auto;
height: 40px;
}


#leftMenuBlock , #rightMenuBlock {
position:absolute;
top: 0; 
left: 0; 
width:8px;
height: 40px;
background: url(../images/background/menu/bg_LW_leftCorner.png);
}
#rightMenuBlock {
left: auto;
right: 0; 
height: 40px;
background: url(../images/background/menu/bg_MW_rightCorner.png);
}

#centerMenuBlock {
margin-left:8px;
margin-right:8px;
width: auto;
height: 40px;
background: url(../images/background/menu/bg_activeMenu_small.png) 0 0 repeat-x;
z-index:-1;
}

#centerMenuBlock h1{
font-family:  Verdana, Arial, Courier New, Georgia;
margin-top: 10px;
margin-left: 40px;
left: 40px;
font-weight: bold;
font-size: 14px;
color: #496087;
}

#centerMenuBlock img{
margin:0px auto 0px auto;
margin-top:4px;
float:left;
}


#lwMenuBlock{
width:135px;
position:absolute;
top: 0; 
left: 8px; 
height: 40px;
}

#mwMenuBlock{
width:135px;
right:-4px;
height: 40px;
position:absolute;
top: 0; 
/*left: 147px;*/
}

#centerSeparator{
margin:0px auto 0px auto;
width:4px;
height: 40px;
z-index:1;
background: url(../images/background/menu/bg_centerSeparator_full.png) 0 0 no-repeat;
}

/*
#mwMenuBlock:hover{
background: url(../images/button/view_buttonSelect.png)-17px 4px no-repeat;
}

#lwMenuBlock:hover{
background: url(../images/button/view_buttonSelect.png)-14px 4px no-repeat;
}
*/

#mapInitText {
font-family:  Verdana, Arial, Courier New, Georgia;
font-weight: bold;
font-size: 18px;
text-align: center;
color: #496087;
}

